<html>
<head>
    <title>项目结构</title>
</head>
<body>
    <script>
        // 项目结构

                /*
                        ★、使用 Vuex需要遵守的原则

                                    1、应用层级的状态应该集中到单个 store 中

                                    2、提交 mutation (突变) "[mjuːˈteɪʃənz]" 是更改状态的唯一方法，并且这个过程是同步的。

                                    3、异步逻辑都应该封装在 action　里面。

                            只要你遵循上面的规则，如何组织代码你随便。 如果你的 store 文件太大，只需要将 action、mutation 和 getter  分割到单独的文件。

                            对于大型应用，我们会希望吧 Vuex 相关代码分割到模块中。

                            下面是项目结构示例：

                                            ├── pages
                                            ├── static
                                            └── store
                                                ├── index.js          # 我们组装模块并导出 store 的地方
                                                ├── actions.js        # 根级别的 action
                                                ├── mutations.js      # 根级别的 mutation
                                                └── modules           # 模块文件夹
                                                    ├── cart.js       # 购物车模块
                                                    └── products.js   # 产品模块
                                            ├── App.vue
                                            ├── main.js
                                            ├── manifest.json
                                            ├── pages.json
                                            └── uni.scss
                */
    </script>
</body>
</html>